/**
 * Created by wjl on 18-1-22.
 */

import React, {Component} from 'react';
import {
  Platform,
  StyleSheet,
  Text,
  View,
  Button,
} from 'react-native';
import {Actions} from 'react-native-router-flux'
import Colors from '../../assets/colors'

export default class HorizontalBody extends React.Component {
  render() {

    const {name} = this.props
    return (
      <View style={styles.container}>
        <Text style={styles.nameStyle}>{name}</Text>
        <View style={{flex:1}}>
          {this.props.children}
        </View>

      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    backgroundColor: Colors.white,
    display: 'flex',
    flexDirection: 'row',
  },
  nameStyle: {
    backgroundColor:Colors.white,
    width: 130,
    height:50,
    paddingTop: 17,
    color: 'black',
    paddingLeft:15,
    fontSize: 17,
    // textAlign:'center'
  },
  contentStyle: {
    backgroundColor: '#F5FCFF',
    flex: 1,

  },
});